<!-- title -->
<section class="process_title"  ng-switch on="pagetheme">
    <i ng-switch-when="refurbish">产品翻新</i>
    <i ng-switch-when="repair">产品维修</i>
    <i ng-switch-when="detect">产品检测</i>
    <i ng-switch-when="recycle">产品回收</i>
    <i ng-switch-when="exchange">产品换款</i>
</section>

<main class="content submit" ng-switch on="pagetheme">
    <!-- 翻新流程 -->
    <section class="process" ng-switch-when="refurbish">
        <b class="right huan"></b>
        <b class="left"></b>
        <ul>
            <li class="hover">
                <span><i class="t01"></i></span>
                <em>拍照</em>
            </li>
            <li class="hover">
                <span><i class="t02"></i></span>
                <em>付款</em>
            </li>
            <li class="hover">
                <span><i class="t03"></i></span>
                <em>门店收货</em>
            </li>
            <li class="hover">
                <span><i class="t04"></i></span>
                <em>检测</em>
            </li>
            <li class="hover">
                <span><i class="t08"></i></span>
                <em>评价</em>
            </li>
            <li class="hover">
                <span><i class="t07"></i></span>
                <em>收货验证</em>
            </li>
            <li class="hover">
                <span><i class="t06"></i></span>
                <em>拍照交货</em>
            </li>
            <li class="hover">
                <span><i class="t11"></i></span>
                <em>翻新</em>
            </li>
        </ul>
    </section>
    <!-- 维修流程 -->
    <section class="process fanx" ng-switch-when="repair">
        <b class="right huan"></b>
        <b class="left seu"></b>
        <b class="muye huan"></b>
        <b class="sec"></b>
        <ul>
            <li class="hover">
                <span><i class="t01"></i></span>
                <em>拍照</em>
            </li>
            <li class="hover">
                <span><i class="t10"></i></span>
                <em>定价</em>
            </li>
            <li class="hover">
                <span><i class="t02"></i></span>
                <em>付款</em>
            </li>
            <li class="hover">
                <span><i class="t03"></i></span>
                <em>门店收货</em>
            </li>
            <li class="hover">
                <span><i class="t07"></i></span>
                <em>收货验收</em>
            </li>
            <li class="hover">
                <span><i class="t06"></i></span>
                <em>拍照交货</em>
            </li>
            <li class="hover">
                <span><i class="t12"></i></span>
                <em>维修</em>
            </li>
            <li class="hover">
                <span><i class="t04"></i></span>
                <em>检测</em>
            </li>
            <li class="hover">
                <span><i class="t08"></i></span>
                <em>评价</em>
            </li>
        </ul>
    </section>
    <!-- 检测流程 -->
    <section class="process testing" ng-switch-when="detect">
        <b class="right huan"></b>
        <b class="left"></b>
        <ul>
            <li class="hover">
                <span><i class="t01"></i></span>
                <em>拍照</em>
            </li>
            <li class="hover">
                <span><i class="t02"></i></span>
                <em>付款</em>
            </li>
            <li class="hover">
                <span><i class="t03"></i></span>
                <em>门店收货</em>
            </li>
            <li class="hover">
                <span><i class="t04"></i></span>
                <em>检测</em>
            </li>
            <li class="hover">
                <span><i class="t06"></i></span>
                <em>拍照交货</em>
            </li>
            <li class="hover">
                <span><i class="t07"></i></span>
                <em>收货验证</em>
            </li>
            <li class="hover">
                <span><i class="t08"></i></span>
                <em>评价</em>
            </li>
        </ul>
    </section>
    <!-- 回收流程 -->
    <section class="process" ng-switch-when="recycle">
        <b class="right huan"></b>
        <b class="left"></b>
        <ul>
            <li class="hover">
                <span><i class="t13"></i></span>
                <em>估价</em>
            </li>
            <li class="hover">
                <span><i class="t01"></i></span>
                <em>拍照</em>
            </li>
            <li class="hover">
                <span><i class="t09"></i></span>
                <em>提交订单</em>
            </li>
            <li class="hover">
                <span><i class="t03"></i></span>
                <em>门店收货</em>
            </li>
            <li class="hover">
                <span><i class="t08"></i></span>
                <em>评价</em>
            </li>
            <li class="hover">
                <span><i class="t14"></i></span>
                <em>确认回收</em>
            </li>
            <li class="hover">
                <span><i class="t10"></i></span>
                <em>实际定价</em>
            </li>
            <li class="hover">
                <span><i class="t04"></i></span>
                <em>检测</em>
            </li>
        </ul>
    </section>
    <!--换款流程 -->
    <section class="process fanx" ng-switch-when="exchange">
        <b class="right huan"></b>
        <b class="left seu"></b>
        <b class="muye huan"></b>
        <b class="sec"></b>
        <ul>
            <li class="hover">
                <span><i class="t13"></i></span>
                <em>估价</em>
            </li>
            <li class="hover">
                <span><i class="t01"></i></span>
                <em>拍照</em>
            </li>
            <li class="hover">
                <span><i class="t09"></i></span>
                <em>提交订单</em>
            </li>
            <li class="hover">
                <span><i class="t03"></i></span>
                <em>门店收货</em>
            </li>
            <li class="hover">
                <span><i class="t07"></i></span>
                <em>收货验收</em>
            </li>
            <li class="hover">
                <span><i class="t06"></i></span>
                <em>拍照交货</em>
            </li>
            <li class="hover">
                <span><i class="t10"></i></span>
                <em>实际定价</em>
            </li>
            <li class="hover">
                <span><i class="t04"></i></span>
                <em>检测</em>
            </li>
            <li class="hover">
                <span><i class="t08"></i></span>
                <em>评价</em>
            </li>
        </ul>
    </section>

    <!-- 单号 TAB -->
	<section class="numbers">
    	<section class="numbers_list">
            <span>
                <i>单号：</i>
                <em>{{orderno}}</em>
            </span>
            <span>
                <i>下单时间：</i>
                <em>{{orderinfo.create_time|date:'yyyy.MM.dd HH:mm'}}</em>
            </span>
        </section>
        <section id="tad" class="numbers_button">
        	<span ng-click="showwuliuInfo(0)" ng-class="{hover:jinflag}"><a href="javascript:">收货物流</a></span>
        	<span ng-click="showwuliuInfo(1)" ng-class="{hover:myflag}"><a href="javascript:">发货物流 </a></span>
        </section>
    </section>

	<!-- 金乐乐物流 -->
	<section class="{{jinlele}}">
        <section class="address">
            <a href="javascript:">
                <span class="title">
                    <em>{{initData.name}}</em>
                    <em>{{initData.phone}}</em>
                </span>
                <p>收货地址：{{initData.address}}</p>
            </a>
        </section>
        <section class="logistics">
            <span class="title">物流详情</span>
            <ul>
                <li ng-if="sellerLogistc == null"><i></i><em>暂无物流信息</em></li>
                <li ng-if="sellerLogistc != null"  ng-repeat="item in sellerLogistc | orderBy:'-AcceptTime'" ng-class="{hover:$index==0}" >
                    <i></i>
                    <em>{{item.AcceptTime}}&nbsp;{{item.AcceptStation}}</em>
                </li>
            </ul>
        </section>
	</section>
    
    <!-- 我的物流 -->
    <section class="{{mine}}">
        <section class="address">
            <a href="javascript:">
                <span class="title">
                    <em>{{address.userName}}</em>
                    <em>{{address.telNumber}}</em>
                </span>
                <p>收货地址：{{address.provinceName}}{{address.cityName}}{{address.countryName}}{{address.detailInfo}}</p>
            </a>
        </section>
        <section class="logistics">
            <span class="title">物流详情</span>
            <ul>
                <li ng-if="userLogistc.length == 0"><i></i><em>暂无物流信息</em></li>
                <li ng-if="userLogistc.length != 0"  ng-repeat="item in userLogistc | orderBy:'-AcceptTime'" ng-class="{hover:$index==0}" >
                    <i></i>
                    <em>{{item.AcceptTime}} {{item.AcceptStation}}</em>
                </li>
            </ul>
        </section>
    </section>
    
    <!-- 评价 -->
    <section class="pinjia">
        <section class="comment">
            <span class="comment_pic"><img ng-src="{{servicedetail.url}}"></span>
            <span class="comment_text"><textarea ng-model="content" placeholder="评价内容..."></textarea></span>
            <dl class="photo">
                <dd ng-model="localIds" ng-repeat="per in localIds"><a href="" class="icon" ng-click="delthisImage($index)">&#xe721;</a><wx-img></wx-img></dd>
                <dt ng-click="wxchooseImage()"><i class="icon">&#xe62c;</i></dt>
            </dl>
            <section class="depict">
                <u>描述相符：</u>
                <span>
                    <a  href="" ng-class="{pick: currentId >= color.id}" ng-repeat="color in colors" ng-click="paint($index)"></a>
                </span>
            </section>
        </section>
    </section>
    <section class="submit"><a href="" ng-click="addcomment()">提交</a></section>
</main>
